<template>
	<view class="reset_phone">
		<view class="title">当前绑定的手机号</view>
		<view class="phone_num">{{phone}}</view>
		<button class="reset_btn" @click="toChangePhone()">更改手机号</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phone:''
			}
		},
		onShow() {
			this.phone=uni.getStorageSync('phone')
		},
		methods: {
			toChangePhone(){
				uni.navigateTo({
					url:"/pages/my/changephone"
				})
			}
		}
	}
</script>

<style scoped lang="scss">
.reset_phone{
	width: 100vw;
	height: 100vh;
	background-color: #FAFAFA;
	padding: 32rpx;
	box-sizing: border-box;
	.title{
		width: 100%;
		height: 44rpx;
		text-align: center;
		line-height: 44rpx;
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		margin-top: 80rpx;
	}
	.phone_num{
		width: 100%;
		height: 80rpx;
		text-align: center;
		font-size: 48rpx;
		color: #333333;
		font-weight: 500;
		line-height: 80rpx;
		margin-top: 32rpx;
	}
	.reset_btn{
		width: 100%;
		height: 88rpx;
		background-color: #00CC7B;
		border-radius: 8rpx;
		font-size: 32rpx;
		font-weight: bold;
		margin-top: 112rpx;
		color: #FFFFFF;
	}
}
</style>
